<template>
	<div>
		
		<van-sku
		  v-model="show"
		  stepper-title="我要买"
		 
		  show-add-cart-btn
		  reset-stepper-on-hide
		 
		  @buy-clicked="onBuyClicked"
		  @add-cart="onAddCartClicked"
		>
		  <!-- 自定义 sku-header-price -->
		  <template #sku-header-price="props">
		    <div class="van-sku__goods-price">
		      <span class="van-sku__price-symbol">￥</span
		      ><span class="van-sku__price-num"></span>
		    </div>
		  </template>
		
		  <!-- 自定义 sku actions -->
		  <template #sku-actions="props">
		    <div class="van-sku-actions">
		      <van-button square size="large" type="warning" @click="onPointClicked">
		        积分兑换
		      </van-button>
		      <!-- 直接触发 sku 内部事件，通过内部事件执行 onBuyClicked 回调 -->
		      <van-button
		        square
		        size="large"
		        type="danger"
		      
		      >
		        买买买
		      </van-button>
		    </div>
		  </template>
		</van-sku>
		
		
	</div>
	
	
</template>

<script>
	import { Sku } from 'vant';
	export default{
		prop:{
			// list
			list:{
				type:Array,
				required:true
			},

		},
		data(){
			return {
				show:[],
				value:''
			}
		},
		methods:{
			onAddCartClicked(){
				console.log(111)
			},
			onBuyClicked(){
				console.log(222)
			}
		}
	}
</script>

<style>
</style>
